/* flex */

/* 父元素属性：  */

/* 规定主轴方向 ：flex-direction */

/* 在主轴上的排列方式 ： justify-content */

/* 在交叉轴上的排列方式： align-items */

/* 出现多条主轴的对齐方式： align-content */

/* 是否多行显示：flex-wrap */

/* 改变主轴方向：flex-direction */

/* 子元素属性： */

/* 排列顺序 ： order */

/* 是否放大： flex-grow  default 0 false*/

/* 是否缩小： flex-shrink 是否缩小 1 true */

/* 设置实际计算的宽度 ： flex-basis */

/* 设置私有对齐方式： align-self default auto 继承父元素 align-items*/
body {height: 100%;overflow: hidden;}
h2{
    font-size: 0.45rem;
    font-weight: 600;
    color: #222;
}   
p{
    font-size: 0.36rem;
    font-weight: 300;
    color: #666;
}
.move {visibility: hidden;}
.flex {
    display: flex;
    flex-direction: column;
    height: 100vh;
    box-sizing: border-box;
    overflow: hidden;
    margin: 0;
    position: relative;
}

header {
    background:rgba(0,0,0,0);
}

.scroll {
    width: 100%;
    flex: 1;
    overflow: hidden;
    overflow-y: scroll;
    over-flow: auto; 
    -webkit-overflow-scrolling: touch;
}

.content {
    height: 1050px;
}

header {
    width: 100%;
    display: flex;
    justify-content: space-between;
    position: absolute;
    z-index: 999;
}

header .log {
    flex-basis: 3.45rem;
    width: 2.97rem;
    height: 0.93rem;
    background: url(../images/logo.png) no-repeat center right;
    background-size: 2.97rem 0.66rem;
    font-size: 0;
}

header i {
    color: #fff;
}

header .menu {
    height: 0.93rem;
    width: 0.54rem;
    flex-basis: 1.02rem;
    box-sizing: border-box;
}

header .menu {
    display: flex;
    justify-content: center;
    align-items: center;
}

header .menu .iconfont {
    font-size: 0.54rem;
}

.banner img {
    width: 100%
}
.swiper-slide > div{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    height:9.6rem;
}
.swiper-slide > div h2,.swiper-slide > div p{
    color: #fff;
}
.swiper-slide > div h2 {
    font-size: 0.9rem;
}
.swiper-slide > div p {
    display: flex;
    justify-content: center;
    font-size: 0.39rem;
    width: 8.27rem;
}
.banner .swiper-pagination-bullet {
    width: 0.6rem;
    height: 0.06rem;
}

.banner .swiper-pagination-bullet-active {
    background: #fff;
}

/* 数据产品 */

.product {
    display: flex;
    flex-wrap: wrap;
}

.product .title {
    background: url(../images/title_数据产品.png) no-repeat center center;
    background-size: 8.94rem, 0.81rem;
    margin: 1.2rem 0 0.6rem 0;
}

.title {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 1rem;;
}

.title .font {
    font-family: PingFangSC-Semibold;
    font-size: 0.66rem;
    font-weight: 600;
    color: #222;
    position: relative;
}

.title .hr {
    height: 0.12rem;
    background: rgba(60, 116, 229, 0.5);
    width: 100%;
    position: absolute;
    bottom: 0.18rem;
    flex: 1;
}
/* 数据列表 */
.product .dataList {
    width: 100%;
}

.product .dataList ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.product .dataList ul li {
    width: 5.1rem;
    height: 5.01rem;
    box-sizing: border-box;
    padding: 0.05rem;
    flex-basis: 5.58rem;
    margin-bottom: 0.09rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #fff;
    background-size: 5.1rem, 5.01rem;
}
.product .dataList ul li h2 {
    padding: 0.44rem 0 0.3rem 0; 
    color: #fff;
}
.product .dataList ul li p {
    width: 4rem;
    text-align: center;
    font-size: 0.36rem;
    color: #fff;
}
.product .dataList ul li img {
    width: 1.44rem;
    height: 1.2rem;
}
/* 数据采集 */
.product .dataList ul li.labe {
    background: url('../images/bg_数据标注.png') no-repeat center center
}
/* 文章内容识别 */
.product .dataList ul li.discern {
    background: url('../images/bg_文章内容识别.png') no-repeat center center
}
/* 多媒体数据采集 */
.product .dataList ul li.acquisition {
    background: url('../images/bg_多媒体数据采集.png') no-repeat center center
}
/* 内容解决方案 */
.product .dataList ul li.details {
     background: url('../images/bg_内容解决方案.png') no-repeat center center
}
/* 数据分类与清洗 */
.product .dataList ul li.classify {
    background: url('../images/bg_数据分类与清洗.png') no-repeat center center
}
/* 数据分类与清洗 */
.product .dataList ul li.extraction {
    background: url('../images/bg_数据内容提取.png') no-repeat center center
}
/* 数据产品 end */

/* 服务流程 */
.service{
    display: flex;
    justify-content: center;
    align-items: center;
}
.service:nth-child(1){
    width: 11.25rem;
    height: 12.66rem;
}
/* 服务优势 */
.advantage {
    display: flex;
    flex-wrap: wrap;
}
.advantage .title {
    margin-top: 1.2rem;
    margin-bottom: 0.78rem;
    background: url(../images/title_服务优势.png) no-repeat center center;
    background-size: 8.94rem, 0.81rem;
}
.advantage>.list{
    display: flex;
    width: 100%;
}
.advantage ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.advantage .list ul li {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    width: 5.1rem;
    height: 5.01rem;
    box-sizing: border-box;
    padding: 0.05rem;
    flex-basis: 5.58rem;
    margin-bottom: 0.09rem;
}
.advantage .list ul li img {
    width: 2.04rem;
    height: 2.04rem;
}
.advantage .list ul li h2 {
    padding: 0.42rem 0 0.3rem 0;
}
.advantage .list ul li p {
    font-size: 0.36rem;
    color: #666;
    font-weight: 300;
    text-align: center;
    width: 4rem;
}
.individuation img{
    width: 11.25rem;
    height: 6.6rem;
}
/* about */
.about .title{
    background: url(../images/title_about.png) no-repeat center center;
    background-size: 8.94rem, 0.81rem;
    margin: 1.2rem 0 0.6rem 0;
}
.about .list {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.about .list ul {
    width: 100%;
    display: flex;
    box-sizing: border-box;
    justify-content: space-between;
    flex-wrap: wrap;
}
.about .list ul li {
    width: 100%;
    display: flex;
    justify-content:center;
    padding-bottom: 0.45rem;
    box-sizing: border-box;
}
.about .list ul li .edtail{
    padding-right: 0.5rem;
}
.about .list ul li img{
    width: 3.3rem;
    height: 2.47rem;
}
.about .list ul li .edtail h2{
    width: 6.39rem;
}
.about .list ul li .edtail p{
    width: 6.45rem;
}
.about .list .more{
    display: flex;
    width: 10.29rem;
    height: 1.32rem;
    border: 0.02rem solid #3C74E5;
    color: #3C74E5;
    font-size: 0.48rem;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}
/* about End */
footer {
    width: 100%;
    height: 4.2rem;
    margin-top: 1.2rem;
    background:linear-gradient(0deg,rgba(64,84,128,1),rgba(39,55,89,1));
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 0.92rem;
    box-sizing: border-box;
}
footer .code {
    display: flex;
    width: 4.2rem;
    flex-basis: 4.68rem;
    justify-content: flex-end;
    align-self: flex-start;
}
footer .code .blank {
    width: 0.45rem;
}
footer .contact-us h2{
    font-size: 0.33rem;
    color: #fff;
}
footer .contact-us img{
    width: 1.8rem;
    height: 1.8rem;
}
footer .hot-line{
    display: flex;
    width: 4.15rem;
    flex-direction: column;
    justify-content: center;
    align-self: flex-start;
}
footer .hot-line p {
    color: #fff;
}
footer .hot-line p:nth-child(1){
    font-size: 0.33rem;
}
footer .hot-line p:nth-child(2){
    font-size: 0.6rem;
    font-weight: 600;
    padding: 0.16rem 0 0 0;
}
footer .hot-line p:nth-child(3){
    font-size: 0.33rem;
}
.menu-list{
    height: 100vh;
    width: 100%;
    position: absolute;
    top: 0;
    right: -100%;
    display: flex;
    z-index: 999;
    justify-content: flex-end;
}
/* .menu-list .lucency{
    width: 4.62rem;
    background: #000;
    opacity: 0.6;
} */
.menu-list.in{
    z-index: 999;
    animation: myfirst 1s;
    right: 0;
}
.menu-list.out{
    animation: myfirstOut 1s;
    right: -100%;
}
.menu-list .icon-guanbi{
    position: absolute;
    right: 0.48rem;
    top: 0.39rem;
    font-size: 0.54rem;
    color: #fff;
}
@keyframes myfirst{
    from {right:-100%}
    to{right:0}
}
@keyframes myfirstOut{
    from {right:0}
    to{right:-100%}
}
.menu-list ul{
    width: 6.63rem;
    height: 100%;
    background: #1F2738;
    display: flex;
    flex-wrap: wrap;
    padding-top: 1.76rem;
    justify-content: center;
    align-content:flex-start;
    box-sizing: border-box;
}
.menu-list ul li {
    width: 5.76rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-bottom: 0.01rem solid rgba(255, 255, 255, .3);
    height: 1.36rem;
    box-sizing: border-box;
    padding-left: 0.11rem;
    margin-bottom: 0.43rem;
}
.menu-list ul li h2{
    color: #fff;
    font-size: 0.45rem;
}
.menu-list ul li p{
    height: 28px;
    font-size: 0.36rem;
    font-weight: 200;
    color: #fff;
    padding-bottom: 0.24rem;
    font-family: PingFangSC-Ultralight;
}
.zz{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background: #000;
    opacity: 0.6;
    height: 100%;
    z-index: 998;
    display: none;
    
}
::-webkit-scrollbar{width:0;height:1px}
::-webkit-scrollbar-thumb{border-radius:5px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:rgba(0,0,0,.2)}